<template>
  <div class="userList">
    <!-- userList -->
    <!-- <h1>{{ this.$store.state.userStore.pageNum }}</h1> -->
    <!-- <h1>{{ userStore.pageNum }}</h1> -->
    <!-- <h1>{{ pageNum }}</h1> -->
    <search />
    <tableList />
    <pagination />
  </div>
</template>

<script>
import { mapState } from "vuex";
import search from "./childComponents/search";
import tableList from "./childComponents/tableList";
import pagination from "./childComponents/pagination";

export default {
  name: "userList",
  data() {
    return {};
  },
  components: {
    search,
    tableList,
    pagination,
  },
  computed: {
    //可以开启命名空间
    // ...mapState(["userStore"]),
    ...mapState("userStore", ["pageNum"]),
  },
};
</script>

<style  scoped>
.user {
  background-color: white;
}
</style>
